<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <!-- p段落标签，块级元素 -->
  <p>hello</p>
  <!-- 标题元素，数字越小，字体越大，块级元素 -->
  <h1>hello</h1>
  <h2>hello</h2>
  <h3>hello</h3>
  <h4>hello</h4>
  <h5>hello</h5>
  <h6>hello</h6>
  <!-- 超链接，跳转页面，行内元素 -->
  <a href="./hello.html">
    <img src="./1.png" alt="" width="200px">
  </a>
  <!-- 一个区域，行内元素 -->
  <span>hello</span>
  <!-- 一个区域，块级元素 -->
  <div>hello</div>
  <!-- 辅助标签，行内元素 -->
  <label for="">hello</label>
  <!-- 分割线，块级元素 -->
  <hr />
  <!-- 图片，行内元素 -->
  <img src="./1.png" alt="">
  <img src="./1.png" alt="">
  <!-- 行内元素 -->
  <button>充值</button>
  <!-- 文本框，行内元素 -->
  <input type="text">
  <!-- 密码框，行内元素 -->
  <input type="password">
  <!-- 单选，行内元素 -->
  <input type="radio">
  <input type="checkbox">
  <!-- 换行 -->
  <br /> 
  <!-- 下拉选框，行内元素 -->
  <select name="" id="">
    <option value="">长沙</option>
    <option value="">株洲</option>
  </select>
</body>
</html>